.bonus{
	.bonus-top{
		display: flex;
		justify-content: center;
		height: 420upx;
		align-items: center;
	}
	.money{
		padding:12upx 30upx;
		box-shadow: 0px 0px 10px 3px #eeeaea;
		font-size: 30upx;
		.list{
			display: flex;
			justify-content: space-between;
			padding: 20upx 0;
			align-items: center;
			color: #2C405A;
		}
		.list-right{
			display: flex;
			align-items: center;
			.money-num{
				color: red;
				font-weight: bold;
				font-size: 38upx;
				&::after {
					content: '元';
					font-size: 20rpx;
					padding-left: 10upx;
				}
			}
			.withdrawal{
				border: 1px solid #2C405A;
				padding: 4upx 20upx;
				border-radius: 10upx;
				background-color: #2C405A;
				color: #FFFFFF;
				margin-left: 20upx;
				font-size: 26upx;
			}
		}
	}
	.pledges{
		margin-top: 14upx;
		padding:20upx 30upx;
		box-shadow: 0px 0px 10px 3px #eeeaea;
		color: #2C405A;
		font-size: 30upx;
		.list{
			display: flex;
			justify-content: space-between;
			padding: 20upx 0;
		}
	}
	.participate{
		padding: 30upx;
		box-shadow: 0px 0px 10px 3px #eeeaea;
		margin-top: 14upx;
		.num{
			padding-bottom: 12upx;
			color: #2C405A;
		}
		.quick-input{
			input{
				height: 80upx;
				border: 1px solid rgba(68, 88, 124, 0.2);
				border-radius: 12upx;
				padding: 0 20upx;
				font-size: 26upx;
			}
		}
		.btn{
			button{
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 40upx;
				color: #2C405A;
				height: 80upx;
				border-radius: 12upx;
				border: 0;
				font-size: 28upx;
			}
		}
	}
	.record{
		margin-top: 40upx;
		margin-bottom: 40upx;
		.title{
			font-size: 30upx;
			color: #2C405A;
			margin-bottom: 20upx;
			padding: 0 30upx;
			display: flex;
			justify-content: space-between;
			span{
				color: red;
				font-weight: bold;
				font-size: 34upx;
				&::after {
					content: '元';
					font-size: 20rpx;
					padding-left: 10upx;
				}
			}
		}
		.record-list{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20upx 30upx;
			box-shadow: 0px 0px 10px 3px #eeeaea;
			margin-bottom: 8upx;
			.list-time{
				display: flex;
				flex-flow: column;
				.stage{
					color: #2C405A;
				}
				.time{
					color: #808080;
					padding-top: 10upx;
				}
			}
			.list-money{
				display: flex;
				flex-flow: column;
				.currency{
					color: #2C405A;
					span{
						font-weight: bold;
					}
					&::after {
						content: 'zkb';
						font-size: 20rpx;
						padding-left: 6upx;
					}
				}
				.bonus-money{
					padding-top: 10upx;
					color: #2C405A;
					span{
						font-weight: bold;
					}
					&::after {
						content: '元';
						font-size: 20rpx;
						padding-left: 6upx;
					}
				}
			}
			.status{
				text{
					font-size: 28upx;
					padding: 8upx 40upx;
					border-radius: 60upx;
				}
				.conduct{
					background-color: #F1F1F1;
					color: #2C405A;
				}
				.receive{
					background-color: #2C405A;
					color: #FFFFFF;
				}
				.received{
					background-color: #808080;
					color: #FFFFFF;
				}
			}
		}
	}
	.see-more{
		display: flex;
		padding: 20upx 30upx;
		justify-content: center;
		width: 100%;
		color: #007AFF;
		font-size: 32upx;
	}
	.rule{
		margin-top: 40upx;
		.title{
			font-weight: bold;
			font-size: 34upx;
			color: #2C405A;
			margin-bottom: 20upx;
			text-align: center;
			padding: 30upx 0;
			box-shadow: 0px 0px 10px 3px #eeeaea;
		}
		.rule-content{
			line-height: 60upx;
			color: #333333;
			font-size: 30upx;
			padding: 20upx 40upx;
		}
	}
}
uni-button:after{
	border: 0;
}